/* 颜色相关 */
.sww-tc-bg {
	background-color: $sww-theme-color;
}
.sww-tc-c {
	color: $sww-theme-color;
}
.sww-tp {
	color: $sww-theme-price;
}
.sww-tpi {
	color: $sww-theme-price-inverse;
}

.c-33 {
	color: #333333;
}
.c-66 {
	color: #666666;
}
.c-99 {
	color: #999999;
}
.c-ff {
	color: #ffffff;
}
/* flex布局 */
.flex-tb {
	display: flex;
	align-items: center;
}
scroll-view,textarea{
	box-sizing: border-box;
}
/* 文字大小补充 */
@for $i from 40 through 80 {
	.u-font-#{$i} {
		font-size: $i + rpx;
	}
}

@for $i from 200 to 1000 {
	.text-#{$i} {
		font-weight: $i;
	}
}
@for $i from 30 to 80 {
	.l-#{$i} {
		line-height: $i + rpx;
	}
}

.mt-auto {
	margin-top: auto;
}

.ml-auto {
	margin-left: auto;
}

.fw-bold {
	font-weight: bold;
}

page {
	background-color: #ffffff;
	line-height: 1.4;
	color: #333;
	min-height: 100%;
}
.index-box {
	width: 100%;
}

.flex-1 {
	flex: 1;
	overflow: hidden;
}
image {
	width: 100%;
	height: 100%;
	display: block;
}

.td-lt {
	text-decoration: line-through;
}

/* 常用布局 */
/* menu菜单 */
.sww-menu-list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding-top: var(--sww-menu-grid);
	.sww-menu-item {
		width: 20%;
		height: 120rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		margin-bottom: var(--sww-menu-grid);
		.sww-menu-icon {
			width: 82rpx;
			height: 82rpx;
		}
		.sww-menu-text {
			font-size: 26rpx;
			color: #333333;
			line-height: 1;
			width: 100%;
			text-align: center;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
	}
}

/* scroll-view scroll-x */
.sww-scroll-x-list {
	width: 100%;
	white-space: nowrap;
	.sww-scroll-x-item-wrap {
		display: inline-block;
		.sww-scroll-x-item {
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;
			overflow: hidden;
			.sww-scroll-x-top {
				position: relative;
				width: 100%;
			}
			.sww-scroll-x-content {
				flex: 1;
				width: 100%;
				overflow: hidden;
				white-space: normal;
				display: flex;
				flex-direction: column;
			}
		}
	}
}

.sww-rebate-wrap {
	padding: 0 18rpx;
	height: 40rpx;
	border-radius: 20rpx;
	background-color: $sww-theme-color;
	display: flex;
	align-items: center;
	.sww-rebate {
		font-size: 26rpx;
		color: #ffffff;
	}
}
// 标签的边框
.label_border{
	position: relative;
	overflow: hidden;
}
.label_border::after {
		content: '';
		box-sizing: border-box; //去除border的边框
		position: absolute;
		top: 0;
		left: 0;
		border: 1rpx solid var(--color);
		width: 250%;
		height: 250%;
		transform: scale(0.4, 0.4); // 如果要设置 border-radius,要设置缩放的相对倍数（2.5）
		-webkit-transform-origin: top left;
	}
// 底部统一按钮样式 一,小按钮
.fix_bot_main {
	height: 120rpx;
	padding-bottom: 0;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	.fixed_bottom_btn {
		padding-bottom: 0;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
		box-sizing: content-box;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 110rpx;
		font-size: 32rpx;
		font-weight: bold;
		text-align: center;
		background: #fff;
		border-top: 1px solid #f4f4f4;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 10;
		.word {
			color: #fff;
			width: 300rpx;
			margin: 0 auto;
			border-radius: 50rpx;
			line-height: 80rpx;
			height: 80rpx;
			letter-spacing: 20rpx;
			text-indent: 20rpx;
			background:var(--color)
		}
	}
}
// 底部统一按钮样式 二
.glo_bot_main {
	height: 96rpx;
	padding-bottom: 0;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	box-sizing: content-box;
	.glo_bot_fix {
		padding-bottom: 0;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
		box-sizing: content-box;
		position: fixed;
		bottom: 6rpx;
		left: 0;
		width: 100%;
		height: 90rpx;
		display: flex;
		align-items: center;
		background: #fff;
		.glo_button {
			margin: 0 auto;
			text-align: center;
			width: 90%;
			color: #fff;
			line-height: 40px;
			border-radius: 5px;
			font-size: 30rpx;
			background:var(--color)
		}
		.glo_button:active {
			opacity: 0.9;
		}
	}
}
